/* .el-submenu.is-opened .el-submenu__title, .el-submenu.is-opened .el-menu-item {
    background-color: #333 !important;
} */

.el-submenu.is-opened .el-menu-item:hover {
    background-color: #333 !important;
    color: #2482ff !important;
}

.el-submenu__title:hover, .el-menu-item:hover {
    background-color: #3c3c3c;

}

.el-menu-item.is-active:focus {
    background-color: rgba(0, 0, 0, .1);
}

.user-wrap {
    height: 52px;
    padding: 12px 0;
    text-align: center;
    color: white;
    font-size: 16px;
    /* border-bottom: 1px solid rgba(0, 0, 0, .3); */
    background-color: #242a2f;
    border-right: 1px solid rgba(0, 0, 0, .3);
}

.main-content {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.main-header {
    border-bottom: 1px solid #eee;
    height: 53px;
    background-color: #242a2f;
}

.toggle-img {
    width: 60px;
    height: 53px;
    background-image: url("../../public/static/image/toggle-menu.png");
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.toggle-img:hover {
    background-color: rgba(0, 0, 0, .3);
}

.header-tabs .el-tabs__item {
    color: white;
}

.header-tabs.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
    background-color: rgba(0, 0, 0, .3);
}

.header-tabs.el-tabs--card > .el-tabs__header .el-tabs__item {
    border-bottom: none;
    height: 53px;
    line-height: 53px;
    border-color: rgba(0, 0, 0, .3);
}

.header-tabs.el-tabs--card > .el-tabs__header .el-tabs__item:hover {
    background-color: rgba(0, 0, 0, .3);
}

.el-tabs__nav-wrap.is-scrollable {
    padding: 0 30px;
}
.el-tabs__nav-next{
    right: -5px !important;
} 
.el-tabs__nav-prev{
    left: -3px !important;
}
.el-tabs__nav-next, .el-tabs__nav-prev {
    height: 53px;
    line-height: 53px !important;
    font-size: 28px !important;
    width: 30px;
}

.system-title {
    padding: 0 25px;
    font-size: 16px;
    height: 53px;
    line-height: 53px;
    color: white;
}

.logout-btn {
    padding: 0 25px;
    height: 53px;
    line-height: 53px;
    color: white;
    justify-content: center;
    cursor: pointer;
    border-left: 1px solid rgba(0, 0, 0, .3);
}

.logout-btn:hover {
    background-color: rgba(0, 0, 0, .3);
}

.left-container {
    width: 220px;
    height: 100%;
    overflow: hidden;
    /*border-right: 1px solid rgba(0,0,0,.3);*/
    /*background-color: #333;*/
}

.left-container.collapse {
    width: 64px;
}

.left-menu .el-menu {
    background-color: #333;
}

.left-menu .el-menu-item {
    color: #303133;
}

.left-menu .el-menu-item:hover {
    background-color: rgba(255, 255, 255, .1) !important;
    color: black !important;
}

.left-menu .el-submenu__title {
    color: #303133;
}

.el-submenu.is-opened .el-submenu__title,
.el-submenu.is-opened .el-menu-item {
    color: black;
}

.left-menu .el-submenu.is-opened .el-submenu__title:hover,
.left-menu .el-submenu.is-opened .el-menu-item:hover {
    background-color: rgba(255, 255, 255, .1) !important;
    color: black !important;
}

.left-menu .el-menu-item.is-active,
.left-menu .el-submenu.is-opened .el-menu-item.is-active {
    background-color: rgba(0, 0, 0, .1) !important;
    color: black !important;
}

.el-submenu.is-opened {
    background-color: rgba(0, 0, 0, .1);
}

.el-table {
    color: #303133 !important;
}

.el-tree {
    color: #303133 !important;
}

.el-form-item__label {
    color: black !important;
}

.el-table thead {
    color: black !important;
}